#header{padding: 10px 0;}
#header .nav-item{padding: 0 1rem ;text-align: center}
#header .nav-item .nav-link{font-size: 16px;font-weight: 600}
#header .nav-item .active{color: #1f95c3}
#header .Language{position: relative;cursor: pointer}
#header .Language .lang {padding-top:10px }
#header .Language .lang .img{padding-left: 10px}
#header .Language .lang2{position: absolute;width: 100%;z-index: 88888;background: #fff;display: none}
#header .Language .lang2>div{padding: 5px 0;text-align: center}
/*banner*/
.banner .swiper-pagination-bullet{background: #fff}
/*index_product*/

.index_product .title{font-size: 30px;padding: 2rem 0;font-weight: 600}
.index_product {background: #f2f2f2;padding-bottom: 5rem}
.index_product .col-md-3{}
.index_product .item{cursor: pointer;overflow: hidden;background: #fff;border-right:1px solid #f2f2f2;position: relative;height: 100%}

.index_product .item .name{padding: 1rem 0;text-align: center;font-size: 18px;}
.index_product .item .image{padding-top: 4rem;text-align: center}
.index_product .item .meng{position: absolute;height: 100%;width: 100%;background: rgba(36,153,198,0.3);top: 100%;z-index: 88}
.index_product .item:hover .name{color: #1f95c3}
.index_product .item:hover .meng{top:0;transition: 0.5s all}
/*index_article*/
.index_article{padding: 3rem 0 5rem 0}
.index_article .title{font-size: 30px;padding: 2rem 0;font-weight: 600}
.index_article .item{border-bottom: 1px solid #f8f8f8;padding: 1rem 0;position: relative;overflow: hidden}
.index_article .item .day{font-size: 24px;text-align: center;font-weight: 600;color: #1f95c3}
.index_article .item .time{width: 120px}
.index_article .item .text{width: calc(100% - 120px)}
.index_article .item .year{padding-top: .8rem;text-align: center}
.index_article .item .name{font-size: 16px;padding-top: .5rem}
.index_article .item .desc{padding-top: .5rem;font-size: 12px}
.index_article .item .b1{position: relative;z-index: 1}
.index_article .item .b2{width: 100%;height: 100%;position: absolute;background:#f8f8f8;z-index: 0;top: 0;left: -100%;}
.index_article .item:hover .b2{left: 0;transition: 0.5s all}
.index_article .more{text-align: center;padding: 3rem 0;width: 100%}
.index_article .more a{background: #1f95c3;color: #fff;padding: .6rem 3rem;font-size: 16px;border-radius: 10px}
/*footer*/
#footer{background: #404040;color: #fff;padding: 3rem 0}
#footer a{color: #fff}
#footer .logoa{font-size: 30px;font-weight: 600}
#footer .address{padding: 1rem 0}
#footer dt{font-size: 16px;padding-bottom: 1rem}
#footer dd{font-size: 12px;padding-bottom: .5rem}
#footer .code{font-size: 14px;text-align: center}
.copyright{padding: 10px;background: #404040;color: #fff;border-top: 1px silver solid}
.copyright a{color: #fff;}
/*product*/
.product ,.about,.news{padding-top: 4rem;padding-bottom: 4rem}
.pname .hr{width: 30px;background: #1f95c3;height: 5px}
.pname .nae{font-size: 30px;color: #1f95c3;padding: 1rem 0;}
.product .list .item{border-top: 1px silver solid;padding: .6rem }
.product .list .item .name{font-size: 18px;border-bottom: 1px silver dashed;padding-bottom: .5rem;color:#1f95c3 }
.product .list .item .text .col-6{padding: .6rem }
.product .list .item .text .col-6 img{padding-left: .6rem;padding-right: .6rem}
.p-right{padding-top: 3rem}
.p-right .box{font-size: 14px;padding: .8rem 0;border-bottom: 1px silver solid}
.p-right .box.cur{font-weight: 600;border-bottom: 4px #1f95c3 solid;}
/*article*/
.article .attt{padding: 2rem 0;font-size: 30px;}
.article .info{color: #1f95c3}
/*m-show*/
.m-show{display: none;padding-bottom: 1rem;}
.m-show .box{font-size: 14px;padding: .8rem 0;border-bottom: 1px silver solid}
.m-show .box.cur{font-weight: 600;border-bottom: 4px #1f95c3 solid;}
.p-right{display: block}
/*手机端*/
@media (max-width:1100px) {
    .m-show{display: block}
    .p-right{display: none}
    .Language .lang{justify-content: center;}
    .index_product .item{border-bottom: 1px solid #f2f2f2}

    .navbar-toggler-icon {
        background-image: none;
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%;
    }
    .navbar-toggler-icon .navbar-toggler-bar {
        display: block;
        position: relative;
        width: 18px;
        height: 2px;
        border-radius: 1px;
        background: #1f95c3;
        transition: all .2s;
        margin: 0 auto;
    }
    .navbar-toggler-icon .navbar-toggler-bar.bar2, .navbar-toggler-icon .navbar-toggler-bar.bar3 {
        margin-top: 5px;
    }

}


